<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ~ Copyright 2020 huanggefan.cn
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~     http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

<!DOCTYPE html>

<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content=webkit>
    <meta lang="zh">
    <link rel='stylesheet' type='text/css' href='/css/assets.css'>
    <script type='text/javascript' src='/js/assets.js'></script>
    <title>智慧课堂 - 管理员</title>
</head>
<body class="flex flex-col justify-start align-start">
<div style="display: none" id="manager-class-page"></div>

<nav class="width-full margin-b2">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a class="text-primary" href="#" id="class-create">创建班级</a></li>
        <li class="breadcrumb-item"><a class="text-secondary" href="#" id="class-update">修改班级</a></li>
        <li class="breadcrumb-item"><a class="text-secondary" href="#" id="class-set">设置管理员</a></li>
        <li class="breadcrumb-item"><a class="text-secondary" href="#" id="class-unset">移除管理员</a></li>
        <li class="breadcrumb-item"><a class="text-secondary" href="#" id="class-delete">删除班级</a></li>
        <li class="breadcrumb-item"><a class="text-secondary" href="#" id="class-load">批量创建</a></li>
    </ol>
</nav>

<form id="create" style="display: flex" class="flex-col justify-start align-start flex-grow width-full-6 margin-l3 margin-r3">
    <div class="width-full form-group margin-b3">
        <label for="create-college">选择学院</label>
        <!--<option value="1">信息与计算机学院</option>-->
        <select class="form-control text-primary" id="create-college"></select>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="create-major">选择专业</label>
        <!--<option value="1">信息与计算机学院</option>-->
        <select class="form-control text-primary" id="create-major"></select>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="create-name">班级名称</label>
        <input type="text" class="form-control" id="create-name" placeholder="">
    </div>
    <div class="width-full form-group margin-b3">
        <label for="create-description">班级描述</label>
        <input type="text" class="form-control" id="create-description" placeholder="">
    </div>
    <div class="flex-empty"></div>
    <button id="create-btn" type="button" class="btn btn-primary margin-t2 width-full">创建</button>
</form>
<form id="update" style="display: none" class="flex-col justify-start align-start flex-grow width-full-6 margin-l3 margin-r3">
    <div class="width-full form-group margin-b3">
        <label for="update-college">选择学院</label>
        <!--<option value="1">信息与计算机学院</option>-->
        <select class="form-control text-primary" id="update-college"></select>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="update-major">选择专业</label>
        <!--<option value="1">信息与计算机学院</option>-->
        <select class="form-control text-primary" id="update-major"></select>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="update-class">选择班级</label>
        <!--<option value="1">信息与计算机学院</option>-->
        <select class="form-control text-primary" id="update-class"></select>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="update-name">新班级名称</label>
        <input type="text" class="form-control" id="update-name" placeholder="">
    </div>
    <div class="width-full form-group margin-b3">
        <label for="update-description">新班级描述</label>
        <input type="text" class="form-control" id="update-description" placeholder="">
    </div>
    <div class="flex-empty"></div>
    <button id="update-btn" type="button" class="btn btn-primary margin-t2 width-full">更新</button>
</form>
<form id="set" style="display: none" class="flex-col justify-start align-start flex-grow width-full-6 margin-l3 margin-r3">
    <div class="width-full form-group margin-b3">
        <label for="set-college">选择学院</label>
        <!--<option value="1">信息与计算机学院</option>-->
        <select class="form-control text-primary" id="set-college"></select>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="set-major">选择专业</label>
        <!--<option value="1">信息与计算机学院</option>-->
        <select class="form-control text-primary" id="set-major"></select>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="set-class">选择班级</label>
        <!--<option value="1">信息与计算机学院</option>-->
        <select class="form-control text-primary" id="set-class"></select>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="set-account">授权用户</label>
        <input type="number" class="form-control" id="set-account" placeholder="学工号：17114455">
    </div>
    <div class="width-full form-group margin-b3">
        <label for="set-accountVerify">确认授权用户</label>
        <input type="number" class="form-control" id="set-accountVerify" placeholder="学工号：17114455">
    </div>
    <div class="flex-empty"></div>
    <button id="set-btn" type="button" class="btn btn-primary margin-t2 width-full">设置</button>
</form>
<form id="unset" style="display: none" class="flex-col justify-start align-start flex-grow width-full-6 margin-l3 margin-r3">
    <div class="width-full form-group margin-b3">
        <div class="alert alert-warning">
            指定用户将失去班级管理权
        </div>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="unset-college">选择学院</label>
        <!--<option value="1">信息与计算机学院</option>-->
        <select class="form-control text-warning" id="unset-college"></select>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="unset-major">选择专业</label>
        <!--<option value="1">信息与计算机学院</option>-->
        <select class="form-control text-warning" id="unset-major"></select>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="unset-class">选择班级</label>
        <!--<option value="1">信息与计算机学院</option>-->
        <select class="form-control text-warning" id="unset-class"></select>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="unset-account">取消授权用户</label>
        <input type="number" class="form-control" id="unset-account" placeholder="学工号：17114455">
    </div>
    <div class="width-full form-group margin-b2">
        <label for="unset-accountVerify">确认取消授权用户</label>
        <input type="number" class="form-control" id="unset-accountVerify" placeholder="学工号：17114455">
    </div>
    <div class="flex-empty"></div>
    <button id="unset-btn" type="button" class="btn btn-warning margin-t2 width-full">移除</button>
</form>
<form id="delete" style="display: none" class="flex-col justify-start align-start flex-grow width-full-6 margin-l3 margin-r3">
    <div class="width-full form-group margin-b3">
        <div class="alert alert-danger">
            警告：班级即将被删除
        </div>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="delete-college">选择学院</label>
        <!--<option value="1">信息与计算机学院</option>-->
        <select class="form-control text-danger" id="delete-college"></select>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="delete-major">选择专业</label>
        <!--<option value="1">信息与计算机学院</option>-->
        <select class="form-control text-danger" id="delete-major"></select>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="delete-class">选择班级</label>
        <!--<option value="1">信息与计算机学院</option>-->
        <select class="form-control text-danger" id="delete-class"></select>
    </div>
    <div class="width-full form-group margin-b3">
        <label for="delete-verifyClass">确认选择班级</label>
        <!--<option value="1">信息与计算机学院</option>-->
        <select class="form-control text-danger" id="delete-verifyClass"></select>
    </div>
    <div class="flex-empty"></div>
    <button id="delete-btn" type="button" class="btn btn-danger margin-t2 width-full">删除</button>
</form>
<form id="load" style="display: none" class="flex-col justify-start align-start flex-grow width-full-6 margin-l3 margin-r3">
    <div class="flex-empty"></div>
    <button id="load-btn" type="button" class="btn btn-info margin-t2 width-full">导入</button>
</form>

</body>
</html>
